body, html {
	margin: 0;
	padding: 0;
/*	font-family: "myriad pro", "Segoe UI", Tahoma, Geneva, sans-serif;
*/	font-size: 12px;
	font-family:arial;
}
ul{
	list-style:none;
}
.clear{ clear:both;}
.page {
	width: 90%;
	min-width:950px;
	margin:0px auto;
	padding: 0px;
}
.header {
}
.logo{
	float: left;
	margin-top:15px;
}
.slogan {
	margin-top:10px;
	float:right;
}
.nav-small ul{
	float:right;
	margin-top:50px;
}
.nav-small li{
	display:inline;
}
.nav-small a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:0 10px;
	border-right:1px solid #000;
}
.nav-small a.end{
	border:none;
}
.nav-small a:hover, .nav-small a.active{
	color:red;
}
.nav-bar {
	width: 100%;
	text-align: center;
	height: 40px;
	margin: 0;
	position: relative;
	z-index: 999;
	background-color: #cc0202;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#cc0202));
	background: -webkit-linear-gradient(top, #DD4B39, #cc0202);
	background: -moz-linear-gradient(top, #DD4B39, #cc0202);
	background: -ms-linear-gradient(top, #DD4B39, #cc0202);
	background: -o-linear-gradient(top, #DD4B39, #cc0202);
	background: linear-gradient(top, #DD4B39, #cc0202);
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #B0281A;

}
.nav-item {
	display: inline-block;
	height: 41px;
	width: 13%;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 41px;
	background-color: #DD4B39;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#C53727));*/
	/*background: -webkit-linear-gradient(top, #DD4B39, #C53727);*/
	/*background: -moz-linear-gradient(top, #DD4B39, #C53727);*/
	/*background: -ms-linear-gradient(top, #DD4B39, #C53727);*/
	/*background: -o-linear-gradient(top, #DD4B39, #C53727);*/
	/*background: linear-gradient(top, #DD4B39, #C53727);*/
	text-shadow: 0px 1px 0px #FF5E5E;
	border-right: 1px solid #B0281A;
	cursor: pointer;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #cc0202);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #cc0202);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #cc0202);
	background-position: bottom left, top right, 0 0, 0 0;
	background-clip: border-box;
	-webkit-transition: background-position 1s ease-in-out;
	-moz-transition: background-position 1s ease-in-out;
	-o-transition: background-position 1s ease-in-out;
	transition: background-position 1s ease-in-out;
	text-transform:uppercase;
}
.nav-item:nth-child(2n) {
	background-position: bottom right;
	background-position: bottom right, top right, 0 0, 0 0;
}
.nav-item:hover{
	background-color: #FF250D;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#FF250D));
	background: -webkit-linear-gradient(top, #DD4B39, #FF250D);
	background: -moz-linear-gradient(top, #DD4B39, #FF250D);
	background: -ms-linear-gradient(top, #DD4B39, #FF250D);
	background: -o-linear-gradient(top, #DD4B39, #FF250D);
	background: linear-gradient(top, #DD4B39, #FF250D);
	text-shadow: 0px 1px 0px #360000;
	background-position: top left;
	background-position: top left, bottom right, 0 0, 0 0;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #FF250D);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #FF250D);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #FF250D);
}
.nav-item a{
	color: #fff;
	text-decoration:none;
}
.nav-item:first-child {
	border-radius:0;
}
.nav-item:last-child {
	border-radius:0;
	border:none;
}
.nav-group {
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 1px 0px 0px #CFCFCF;
	border-radius: 0px 0px 5px 5px;
	font-weight: normal;
	height: 0px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	position: relative;
	overflow: hidden;
	color: #000;
	text-align: left;
	text-shadow: none;
	text-indent: 0px;
	width:410px;
}

.nav-item:hover .nav-group {
	display: block;
	height:auto;
	padding:5px 0 10px;
	text-indent: 20px;
}

.nav-sub-item, .nav-lev-item {
	-webkit-transition: background 200ms ease-out;
	-moz-transition: background 200ms ease-out;
	-o-transition: background 200ms ease-out;
	transition: background 200ms ease-out;
	text-transform:uppercase;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin-top:10px;
}
.nav-sub-item{
	float:left;
	margin-right:15px;
}
.nav-sub-group {
	margin-left:15px;
}
.nav-sub-group .nav-lev-item{
	text-transform:capitalize;
	font-weight:normal;
	background: url(../images/icon/readmore-icon.png) no-repeat 5px 10px;
	height:26px;
	line-height:28px;
	margin:0;
	font-size:12px;
}
.nav-sub-item a{
	color:#000;
}
.nav-sub-item a:hover{
	color:red;
}
.nav-sub-group .nav-lev-item:hover{
	color:#F00;
}
.nav-item.finish:hover .nav-group {
	display: block;
	height:auto;
	padding:5px 0 15px;
	text-indent: 20px;
}
#finish:hover .nav-group {
    display: block;
    height: auto;
    padding: 5px 0 15px;
    text-indent: 20px;
    position: relative;
    right: 361px;
}
.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

/**/
#content{
	position:relative;
}

.gallery {
	height: 300px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(36, 39, 25, 0.22) 70%);
}

.list-view {
	width:81%;
	float:right;
	margin: 5px 0 0 20px;
}

.pr-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: justify;
	overflow: hidden;
	-webkit-transition: height 300ms ease-in-out;
	-moz-transition: height 300ms ease-in-out;
	transition: height 300ms ease-in-out;
}
.pr-item {
	display: inline-block;
	width: 22.5%;
	float:left;
	padding: 5px 10px;
	font-size: 14px;
	vertical-align: top;
	position: relative;
	cursor: default;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	margin-bottom:10px;
}

.pr-item:hover {
	background: #E0E0E0;
	box-shadow: inset 0px -5px 0px 0px #BBB;
}

.pr-mask {
	text-decoration: none;
	border: none;
}

.pr-img {
	height: 160px;
	width:210px;
	margin: 5px 0;
	background: #E9E9E9 no-repeat center;
	background-size: cover;
	box-shadow: inset 10px 0px 0px 0px rgba(255, 255, 255, 0.54), 0px 0px 3px 0px #222;
}

.pr-info {
	padding: 5px 5px 0px 5px;
	text-align: center;
	margin-bottom: 10px;
}

.pr-name {
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	color: #B0281A;
	text-transform: uppercase;
}

.pr-desc {
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 15px;
	color: #999;
	font-size: 13px;
}

.pr-price {
	color: #FFF;
	text-shadow: none;
	background-color: #C53727;
	/*background-image: -webkit-linear-gradient(top,#DD4B39,#B0281A);*/
	/*background-image: -moz-linear-gradient(top,#DD4B39,#B0281A);*/
	/*background-image: -o-linear-gradient(top,#DD4B39,#B0281A);*/
	/*background-image: -ms-linear-gradient(top,#DD4B39,#B0281A);*/
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #cc0202);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #cc0202);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #cc0202);
	background-position: bottom left, top right, 0 0, 0 0;
	background-clip: border-box;
	border: 1px solid #B0281A;
	padding: 0px 10px;
	border-radius: 3px;
	line-height: 30px;
	height: 30px;
	display: inline-block;
	margin: 5px 0px;
	font-size: 13px;
	cursor: default;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-webkit-transition: background-position 2s ease-out;
	-moz-transition: background-position 2s ease-out;
	-o-transition: background-position 2s ease-out;
	transition: background-position 2s ease-out;
}

.pr-price a{
	color:#fff;
	text-decoration:none;
}
.pr-price.right {
	float: right;
	margin-right: 10px;
}

.pr-price:hover {
	box-shadow: 0px 0px 1px 5px rgba(197, 55, 39, 0.55);
}

.pr-cata-info .pr-price:hover, .pr-item:hover .pr-price {
	background-position: top left;
	background-position: top left, bottom right, 0 0, 0 0;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #B0281A);
}

.pr-item:nth-child(2n):hover .pr-price {
	background-position: top left;
	background-position: top right, bottom left, 0 0, 0 0;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #B0281A);
}

.pr-item:nth-child(3n):hover .pr-price {
	background-position: top left;
	background-position: top center, bottom center, 0 0, 0 0 !important;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #B0281A);
}

.pr-detail-info .pr-price:hover {
	background-position: top left;
	background-position: top left, bottom right, 0 0, 0 0;
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -moz-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), -webkit-linear-gradient(top, #DD4B39, #B0281A);
	background-image: url('../images/bg/button_bg.png'), url('../images/bg/button_bg.png'), linear-gradient(top, #DD4B39, #B0281A);
}
.buy-tag{
	background: #04d104;
    color: #fff;
	border-radius:3px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    right: 25px;
    top: 15px;
	text-transform:uppercase;
}
.pr-btn {
	display: none;
	width: 90px;
	left: 40px;
	text-align: center;
	border-radius: 3px;
	height: 25px;
	line-height: 25px;

	border: 1px solid #B0281A;
	color: #FFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	background-color: #C53727;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#C53727));
	background-image: -webkit-linear-gradient(top, #DD4B39, #C53727);
	background-image: -moz-linear-gradient(top, #DD4B39, #C53727);
	background-image: -ms-linear-gradient(top, #DD4B39, #C53727);
	background-image: -o-linear-gradient(top, #DD4B39, #C53727);
	background-image: linear-gradient(top, #DD4B39, #C53727);
	-webkit-box-shadow: 0px -3px 15px 0px #000;
	-moz-box-shadow: 0px -3px 15px 0px #000;
	-ms-box-shadow: 0px -3px 15px 0px #000;
	-o-box-shadow: 0px -3px 15px 0px #000;
	box-shadow: 0px -3px 15px 0px #000;
	margin: 5px auto;
	opacity: 0;
	position: absolute;
	top: 110px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.pr-mask:hover .pr-btn {
	opacity: 1;
	top: 125px;
}

.pr-head {
	background: url(../images/bg_title.png) repeat-x 0px -41px;
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	font-size: 14px;
	box-shadow: inset 0px 1px 0px 0px #FFF;
	margin:10px 0;
	font-weight:bold;
	text-transform:uppercase;
}

.pr-head>span {
	height: 40px;
	float: left;
	display: inline-block;
	box-shadow: inset 5px 0px 0px 0px #C53727;
}

.pr-head.collapse + .pr-list {
	height: 280px;
}
.pr-head a{
	color:#000080;
}
.btn-more-pr {
	margin: 5px 10px 5px 0px;
	float: right;
	width: 60px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	background: url(../images/icon/hide-ico.png) no-repeat left center;
	content: "Hide";
	font-size: 0;
	cursor: default;
}

.pr-head.collapse .btn-more-pr {
	background: url(../images/icon/more-ico.png) no-repeat left center;
	content: "More";
	font-size: 14px;

}

/*BOOKS*/
.book-container {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.book {
	margin: 0px auto;
	height: 150px;
	width: 120px;
	z-index: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	-webkit-transition: 0.75s;
	-moz-transition: 0.75s;
	transition: 0.75s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 25px 0;
	-moz-transform-origin: 125px 0;
	/*transform-origin: 125px 0;*/
	background-size: cover;
}

.book:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	width: 7px;
	background: url(images/ridge.png) repeat-y;
	z-index: 20;
	-webkit-transform: translateZ(1px); /* Fix for flickering in Chrome  */
}

.pr-item:hover .book {
	-webkit-transform: rotate3d(0, 1, 0, 35deg);
	-moz-transform: rotate3d(0, 1, 0, 35deg);
	transform: rotate3d(0, 1, 0, 35deg);
}

/*
Book cover and spine
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.book-cover {
	position: relative;
	z-index: 10;
}

.book-cover img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

.book-spine {
	color: #FFF;
	position: absolute;
	bottom: 0;
	top: 0;
	width: 20px;
	z-index: 5;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	background: url(images/spine.jpg) -64px 0 no-repeat;
	background-size: auto 100%;
	-webkit-transform: rotateY(-90deg) translateX(-20px);
	-moz-transform: rotateY(-90deg) translateX(-49px);
	transform: rotateY(-90deg) translateX(-49px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	background: no-repeat left top;
	background-size: auto 100%;
}

.book-spine h1 {
	display: block;
	width: 325px;
	text-align: left;
	color: #fff;
	position: absolute;
	top: 0;
	left: 39px;
	text-indent: 43px;
	text-transform: uppercase;
	font-family: "league_gothic_condensedRg", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
	opacity: 0.75;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.book-spine:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

/*BANNER*/
.banner-view {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	box-shadow: 0px -1px 0px 0px #DADADA, inset 0px -1px 0px 0px #DADADA;
	position: relative;
}

.list-banner {
	text-align: center;
	height: 130px;
	margin: 10px 0px;
	overflow: hidden;
}

.pr-item-banner {
	display: inline-block;
	width: 230px;
	height: 120px;
	margin: 5px;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: inset 0px 120px 0px 0px transparent, 0px 1px 2px 1px #494949;
	position: relative;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.pr-item-banner:hover {
	box-shadow: inset 0px 120px 0px 0px rgba(44, 44, 44, 0.5), 0px 1px 2px 1px #494949;
}

.pr-item-banner:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 0;
	right: 0;
	opacity: 0;
	background: url(../images/icon/info-ico.png) no-repeat center;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.pr-item-banner:hover:before {
	opacity: 1;
	background: url(../images/icon/info-ico.png) no-repeat center;
}

.pr-item-banner>img {
	width: 100%;
}
.img-upload {
	float:right;
}
.img-upload img{
	width:300px;
	height:200px;
	border:1px solid #ccc;
	padding:5px;
	margin:10px 200px 0 0;
}

.banner-btn {
	position: absolute;
	top: 65px;
	right: 5px;
	width: 17px;
	height: 17px;
}

.banner-btn.left {
	background: url(../images/icon/left-ico.png) no-repeat center;
	left: 5px;
}

.banner-btn.right {
	background: url(../images/icon/right-ico.png) no-repeat center;
}

/*CATEGORY*/
.pr-cata-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
	overflow: hidden;
}

.pr-cata-item {
	display: inline-block;
	width: 500px;
	padding: 10px 0px;
	box-shadow: 1px 0px 0px #DDD, inset 0px 1px 0px 0px #FFF, 0px -1px 0px 0px #DDD;
}

.pr-cata-item:nth-child(2n) {
	box-shadow: inset 0px 1px 0px 0px #FFF, 0px -1px 0px 0px #DDD;
}

.pr-cata-mask {
	width: 140px;
	display: inline-block;
	vertical-align: top;
}

.pr-cata-info {
	display: inline-block;
	width: 193px;
	height: 100px;
	vertical-align: top;
}

.pr-cata-img {
	height: 150px;
	width: 120px;
	margin: 0px auto;
	background: #E9E9E9 no-repeat top center;
	box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.25), inset -1px -1px 0px 0px rgba(0, 0, 0, 0.25);
}
.channel_header{
  padding:5px 0 0px;
  color:#000;  
}
.channel_header img{
	float:left;
	border:1px solid #ccc;
	padding:10px;
	margin-right:15px;
	width:400px;
}
.channel_header p{
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#000;
}
.title-red{
	font-size:18px;
	display:block;
	margin-top:15px;
}
/*PROFILE*/

.pr-profile-right {
	display: inline-block;
	padding: 0px 10px 0px 40px;
	vertical-align: top;
	min-width: 470px;
	position: relative;
}

.pr-profile-right .pr-text {
	display: block;
	overflow: visible;
	position: relative;
	padding: 0px;
}


.separator {
	border-top: 1px solid #D6D6D6;
	margin-top: 10px;
}
.pr-profile-right .popup-decorate {
}

.pr-profile-left {
	display: inline-block;
	width: 250px;
	background: #DDD;
	border: 1px solid #CCC;
	border-left: none;
	border-radius: 0px 5px 5px 0px;
	padding: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

.pr-profile-menu {
	height: 500px;
	background: #E9E9E9 no-repeat center;
	background-size: auto 100%;
	position: relative;
	padding-top: 20px;
}

.profile-decorate {
	right: 0;
	border-bottom: 0;
	position: absolute;
	height: 200px;
	width: 200px;
}

.profile-decorate-group {
	height: 100%;
	width: 100%;
}

.profile-deco-front {
	position: absolute;
	width: 170px;
	height: 170px;
	left: -30px;
	top: -30px;
	background: url(../images/icon/account-white-ic.png) no-repeat center #D2423B;
	border: 1px solid #B33731;
	border-radius: 100%;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(255, 255, 255, 0.15), inset 0 -2px 0px rgba(255, 255, 255, 0.1);
	z-index: 1;
}

.profile-deco-back {
	position: absolute;
	width: 260px;
	height: 260px;
	left: -70px;
	top: -70px;
	border-radius: 100%;
	background: rgba(207, 207, 207, 0.44);
	z-index: 0;
}

.strong-text {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 32px;
	color: #666;
}

.title-text {
	display: block;
	color: #797979;
	font-weight: bold;
}
.title-s-text {
	display: block;
	text-align: right;
}.title-s-text>span {
	 display: inline-block;
	 padding: 0px 10px;
	 border-radius: 20px;
	 background: #CCC;
	 color: #FFF;
	 position: relative;
	 top: -10px;
	 box-shadow: 0px 0px 0px 10px #EEE;
 }
.field-text {
	font-size:14px;
	padding: 0px 0px 10px 20px;
	display: inline-block;
}

.disable {
	display: none!important;
}

.pr-detail-info {
	position: absolute;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
	width: 100%;
	padding: 5px 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	font-size: 13px;
}

.pr-ranking {
	width: 100px;
	height: 20px;
	text-indent: 0px;
	overflow: hidden;
	font-size: 0;
	text-align: left;
	background: url(../images/icon/star-empty.png) repeat-x top left;
	display: inline-block;
	vertical-align: middle;
}

.pr-star {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.pr-star.full {
	background: url(../images/icon/star-full.png) no-repeat top left;
}

.pr-star.half {
	background: url(../images/icon/star-half.png) no-repeat top left;
}

.pr-profile-menu-item {
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #616161;
	font-weight: bold;
	display: block;
	text-indent: 0px;
	cursor: default;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.pr-profile-menu-item > i{
	height: 40px;
	width: 40px;
	background: no-repeat right center;
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-left: 10px;
}

.pr-profile-menu-item.active {
	background-color: #acacac;
	box-shadow: inset -5px 0px 0px 0px #979795;
}.pr-profile-menu-item:hover {
	background-color: #CCC;
}
.pr-profile-menu-item:hover >i{
	background: no-repeat left center;
}
.pr-profile-menu-item.active >i{
	background: no-repeat left center;
}

.pr-profile-menu-item.edit >i{
	background-image: url(../images/icon/edit-ico.png);
}

.pr-profile-menu-item.change-pass>i {
	background-image: url(../images/icon/pass-ico.png);
}

.pr-profile-page {
position: absolute;
	top: 0;
	left: 0;
	padding-left: 30px;
	min-width: 370px;
}
/*POPUP*/
.popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

.popup-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

.popup-account {
	position: relative;
	top: 10%;
	width: 600px;
	height: 360px;
	margin: 0px auto;
	background: #EEE;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 1px rgba(173, 22, 22, 0.19), 0px 0px 60px 0px #2C2C2C;
	overflow: hidden;
}

.popup-decorate {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	height: 100%;
	width: 200px;
}

.popup-deco-back {
	position: absolute;
	width: 260px;
	height: 260px;
	left: -70px;
	top: -70px;
	border-radius: 100%;
	background: #DDD;
	z-index: 0;
}

.popup-deco-front {
	position: absolute;
	width: 170px;
	height: 170px;
	left: -30px;
	top: -30px;
	background: url(../images/icon/account-white-ic.png) no-repeat center #D2423B;
	border: 1px solid #B33731;
	border-radius: 100%;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(255, 255, 255, 0.15), inset 0 -2px 0px rgba(255, 255, 255, 0.1);
	z-index: 1;
}

.popup-content {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	height: 100%;
	width: 390px;
	top: 0px;
	left: 220px;
}
.popup-title {
	height: 100px;
	line-height: 100px;
	color: #B33731;
	font-size: 30px;
}
.popup-sub-title {
	display: inline-block;
	margin-left: 140px;
	font-size: 20px;
	color: #A8A8A8;
}
.popup-row {
	text-shadow: 0px 1px 0px #FFF;
	color: #555;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.popup-input {
	box-shadow: 0px 1px 0px 0px #FFF;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid #B1B1B1;
	color: #141414;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	width: 200px;
	text-indent: 10px;
	font-size: 16px;
	font-family: "myriad pro", "Segoe UI", Tahoma, Geneva, sans-serif;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin: 5px 0px;
}

.popup-input:focus {
	box-shadow: 0px 0px 0px 5px rgba(202, 202, 202, 0.53);
	border: 1px solid #FFF;
	outline: none;
}

.popup-label {
	display: inline-block;
	min-width: 90px;
	vertical-align: middle;
}

.popup-control {
	height: 35px;
	line-height: 35px;
	text-align: right;
	width: 300px;
	margin-top: 10px;
}
.popup-link {
	float: left;
	display: block;
	clear: left;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.popup-link-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border-radius: 20px;
	background: #D2423B;;
	margin-right: 20px;
	box-shadow:  0px 0px 0px 5px #DDD;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

.popup-link:hover {
	color: #B33731;
}
.popup-link:hover .popup-link-bullet {
	box-shadow:  0px 0px 0px 10px #DDD;
}
.popup-button {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#C53727));
	background: -webkit-linear-gradient(top, #DD4B39, #C53727);
	background: -moz-linear-gradient(top, #DD4B39, #C53727);
	background: -ms-linear-gradient(top, #DD4B39, #C53727);
	background: -o-linear-gradient(top, #DD4B39, #C53727);
	background: linear-gradient(top, #DD4B39, #C53727);
	text-shadow: 0px 1px 0px #FF5E5E;
	color: #5A0D05;
	font-size: 16px;
	border-radius: 3px;
	border: 1px solid #B0281A;
	cursor: pointer;
}

.popup-button:hover {
	background-color: #DD4B39;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#FF250D));
	background: -webkit-linear-gradient(top, #DD4B39, #FF250D);
	background: -moz-linear-gradient(top, #DD4B39, #FF250D);
	background: -ms-linear-gradient(top, #DD4B39, #FF250D);
	background: -o-linear-gradient(top, #DD4B39, #FF250D);
	background: linear-gradient(top, #DD4B39, #FF250D);
	border: 1px solid #B0281A;
	color: #5A0D05;
}
.popup-button.right {
	float: right;
	min-width: 50px;
	text-align: center;
}
/* style footer */
#footer{
	background:#111;
	color:#fff;
	margin-top:25px;
}
.footer_top{
	width:90%;
	text-align:left;
	padding: 10px 0;
}
.footer_top_col{
	float:left;
	padding:10px;
	margin-right: 40px;
}
.footer_top_col .title{
	color: #FFFFFF;
    padding: 0 0 5px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
	margin:5px 0 0;
}
.footer_top_col .content ul{
	padding:0px;
	margin:0;
}
.footer_top_col .content ul li{
	border-bottom:1px dashed #3b3b3b;
}
.footer_top_col .content ul li a{
	color:#fff;
	text-decoration:none;
}
.modfooter_menu .content ul li{
	background: url(../images/arrow1.png) no-repeat 0 11px;
	padding: 7px 0 7px 15px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #0b0a0a;
}
.modfooter_menu .content ul li.active a{
	color:#FF0000;
}
.modfooter_sol .content ul li,
.modfooter_sol .content a.more,
.footer_top_col .content ul li a:hover{
	color:#FF0000;
}
.modfooter_sol .content a.more{
	text-align:right;
	padding:10px 0px;
	display:block;
}
.modfooter_sol .content a.more:hover{
	color:#fff;
}
.modfooter_add .logokeytech{
	display:block;
	padding:0px 0px 10px 0px;	
}
.modfooter_contact{
	padding:10px 0px 10px 10px;
	width:25%;
}
.modfooter_contact input,
.modfooter_contact textarea{
	background: #1F1F1F;
	border: 1px solid #595959;
	color: #999999;
	font: 12px Arial,Helvetica,sans-serif;
	margin-top: 13px;
	padding: 5px;
	width: 275px;
}
.modfooter_contact input.button{
	border: 1px solid #a10000;
	color: #FFFFFF;
	padding: 5px 10px;
	font-weight:bold;
	text-transform: uppercase;
	width: auto;
	cursor:pointer;
	background:#a10000;
	display:block;
}
.modfooter_contact input.button:hover{
	background: #dd0000;
}
.footer_bottom{
	background: #b60000;
    line-height: 18px;
    padding: 10px 0;
}
.footer_bottom .footer_bottom_add{
	width:90%;
	text-align:left;
	color:#fff;
}
.footer_bottom .copy{
	text-align:right;
}
.footer_bottom a{
	color:#999;
}
.footer_bottom a:hover{
	color:#FF0000;
}
.footer_bottom address{
	float: left;
	padding: 5px 20px 5px 10px;
	font-style:normal;
	margin:0;
}	

	
/* END: footer */

/* BEGIN: mod_cart 16072012*/
.main_right{
	float:left;
    width: 17%;
	margin-top:15px;
}
.block_content, .member_comp, .hot_deal_ct {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
}
.hot_deal {
    margin: 0 0 10px;
}
.hot_deal_title {
    background: url("../images/deal_title.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    color: #000000;
    font: 16px/20px Arial, Helvetica, sans-serif;
    height: 26px;
    position: relative;
    text-shadow: 0 0 1px #C1C1C1;
    width: 60px;
}
.hot_deal_title span {
    color: #FFFFFF;
    margin: 0 0 0 8px;
}
.hot_deal_ct {
    margin: -8px 0 0;
    padding: 8px 0 0;
}
.block_title {
    background: url(../images/bg_title.png) repeat-x;
    position: relative;
    text-transform: uppercase;
	margin:0;
}
.block_title span {
	background: #cc0202;
	display: block;
	height: 30px;
	padding-left:15px;
	line-height:30px;
	color:#fff;
	font-size:14px;
}
.mod_cart .block_title span{
	background:url(../images/icon_cart.png) no-repeat 5px 2px #cc0202;
}
.mod_cart .block_content{
	padding:10px;
}
.mod_cart .block_content ul{
	padding:0px;
}
.mod_cart .block_content .text_empty{
	text-align:center;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_list{
border-bottom:1px dashed #ccc;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_list li{
height: 16px;
padding: 0 0 5px;
overflow: hidden;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_list li .item_number{
color: #FF9000;
display: inline-block;
font-weight: bold;
margin: 0 2px 0 0;
width: 18px;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_list li .item_name{
margin:0px 0px 0px 5px;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_total{
display:block;
text-align:right;
padding:5px 0px;
}
.mod_cart .block_content .mod_cart_prod .mc_pagecart{
text-align:right;
}
.mod_cart .block_content .mod_cart_prod .mc_pagecart a{
background: #ffc142; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #ffc142 0%, #eda600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc142), color-stop(100%,#eda600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc142 0%,#eda600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc142 0%,#eda600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc142 0%,#eda600 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc142 0%,#eda600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc142', endColorstr='#eda600',GradientType=0 ); /* IE6-8 */					

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;					
border:1px solid #ee9d00;					
color: #FFFFFF;
display: inline-block;
font: 14px 'UTMAlterGothicRegular';
padding: 2px 10px;
text-align: center;
width: 90px;					
}
.mod_cart .block_content .mod_cart_prod .mc_pagecart a:hover{
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffc958 inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffc958 inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffc958 inset;
}
.mod_cart .block_content .mod_cart_prod .mc_prod_status{
color: #D50000;
font-style: italic;
padding: 5px 0 0;
text-align: right;
}

/* END: mod_cart 16072012*/
.mod_service .block_content,
.mod_sol .block_content,
.mod_news .block_content,
.mod_manufacturer .block_content{
	padding:0px 0px 10px;
	margin-bottom:15px;
}
.mod_service ul, .mod_sol ul, .mod_news ul, .mod_manufacturer ul, .mod_proddeal ul{
padding:0;
margin:0;
}
.mod_service ul li,
.mod_sol ul li,
.mod_news ul li,
.mod_manufacturer ul li,
.mod_proddeal ul li.prod_deal_item{	
border-bottom:1px dotted #ccc;
}
.mod_sol ul li a,
.mod_news ul li a,
.mod_service ul li a,
.mod_manufacturer ul li a{
-webkit-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
-ms-transition: background 0.3s ease 0s;
-o-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
text-decoration:none;
color:#000;
}
.mod_service ul li a,
.mod_manufacturer ul li a{
padding:7px 5px 7px 22px;
}
.mod_service ul li a,
.mod_manufacturer ul li a,
.mod_proddeal ul li.prod_deal_item{
-webkit-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
-ms-transition: background 0.3s ease 0s;
-o-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
}

.mod_service ul li a,
.mod_manufacturer ul li a{
display: block;
background: url("../images/arrow.png") no-repeat 10px 13px;
}	
.mod_service ul li a:hover,
.mod_manufacturer ul li a:hover{
background:#f4f4f4 url("../images/arrow_hover.png") no-repeat 10px 13px;
color:red;
}
.mod_sol ul li a:hover,
.mod_news ul li a:hover,
.mod_proddeal ul li.prod_deal_item:hover{
}

.mod_manufacturer ul li a span{
color:#ff9000;
display:inline-block;
padding:0px 0px 0px 5px;
font-weight:bold;
}
.mod_manufacturer .scroll-pane{
width: 100%;
height: 192px;
overflow: auto;
}
.mod_manufacturer .jspPane{
width:250px !important;
}
.mod_manufacturer .jspVerticalBar{
background:#fff;
width:7px !important;
opacity:0;
top:-2px;
padding:5px 0px 0px;
}
.mod_manufacturer .jspVerticalBar .jspTrack{
left:-5px !important;
width:5px !important;
border:1px solid #e2e2e2;
background:#f4f4f4;
}
.mod_manufacturer .scroll-pane:hover .jspVerticalBar{
opacity:0.9;
}
/* END: mod_service */
.scroll{
	height: 232px;
    overflow: auto;
}
.scroll-ser{
	height:100px;
	overflow:auto;
}
.img_news_item{
	height:60px;
	padding:10px 5px 10px 10px;
}
.img_news_item img{
	width:80px;
	height:60px;
	float:left;
	margin-right:10px;
}
.title_news_item a{
	padding-top:5px;
	font-weight:bold;
	word-wrap:break-word;
}
.title_news_item a:hover{
	color:red;
}
#block_content .img_news_item a:hover{
	background:none;
}

/* END: mod_news mod_sol */
.list1 { 
	margin:0;
	padding:0;
	list-style:none;
}
.list1 li {
	line-height:1.5em;
	width:100%;
	overflow:hidden;
	vertical-align:bottom;
	border-bottom:1px dotted #CCCCCC;
	padding:15px 0;
	margin-left:5px;
}
.list1 li img {
	float:left;
	width:160px;
	height:110px;
	border:1px solid #555;
	padding:2px;
	margin:3px 10px 0 0;
}
.list1 li a {
	color:#BD0505;
	text-decoration:none;
	font-weight:bold;
	line-height:24px;
	font-size:13px;
	text-transform: capitalize;
} 
.list1 li a:hover {
	text-decoration:underline;
}
.list1 li p{
	text-transform: none;
}
ul.simplePagerNav{
	float:right;
	margin:10px 0;
}
ul.simplePagerNav li{
    display:block;
    float:left;
    margin:10px 3px;
	background-color:red;
}
ul.simplePagerNav li a:active, ul.simplePagerNav li a:visited, ul.simplePagerNav li a:link{
	color:#fff;
	padding:7px;
	line-height:21px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
ul.simplePagerNav li a:hover{
	text-decoration:none;
	background:#000;
	padding:4px 7px 3px;
}

ul.simplePagerNav li.currentPage a {
	text-decoration: none;
    background: #000;
    padding:4px 7px 3px;
}
.left_hotnew p{
	line-height:18px;
}
.header_titlechannel, a.header_titlechannel:active, a.header_titlechannel:visited, a.header_titlechannel:link{
  font-weight:bold;
  line-height:34px;
  color:#bd0505;
  font-size:18px;
  text-transform: capitalize;
}
.channel_header{
  padding:5px 0 0px;
  line-height:16px;
  color:#3a3a3a;  
}
.channel_content{
	color:#3a3a3a;
	font-weight:bold;
	text-align:justify;
}
.blue{
	  color:#0d37a5;
}
.date{
  color:#999;
  font-size:12px;
  display:block;
  line-height:18px;
}
ul.list{
  list-style-type:none;
  padding:0;
  margin-top:8px;
}
ul.list li{
  margin:0;
  line-height:26px;  
}
ul.list li a{
	background:url(../images/arrow_hover.png) left no-repeat;
	color: #000;
    padding-left: 15px;
    text-decoration: none;
}
ul.list li a:hover{
	color:red;
}
.right{
	margin-bottom:10px;
}
.autor{
	text-align:right;
	font:italic 12px "Times New Roman", Times, serif;
	color:#000;
	border-bottom:1px dotted #ccc;
	margin:15px 0;
}
.new-order{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin-bottom:8px;
}
#form{
	display:inline;
	height:700px
}
#form p{
	width:300px;
	margin-left:170px;
	padding:0px 10px;
}
#form label{
	float:left;
	margin-left:-120px;
	width:120px
}
#form input[type=text],#form select{
	width:300px;
	padding:2px
}
#form textarea{
	width:300px;
	height:180px;
}
#form .btn_contact{
	background:#A10000;
	color:#FFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-left:178px;
	padding:5px 7px;
	cursor:pointer;
	border:none;
}
#form .btn_contact:hover{
	background:#DD0000;
}
.menu {
	padding: 0;
	margin:0;
	clear: both;
}
.menu li {
	display: inline;
}
.menu li a {
	background: #ccc;
	padding: 8px 10px 7px;
	float:left;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-right:5px;
	font-size:11px;
	text-transform:uppercase;
}
.menu li a:hover, .menu li.active a {
	background: #000;
	color:#fff;
}
.content-tab {
	float: left;
	clear: both;
	border-top: 1px solid #ccc;
	background: #fff;
	padding: 0 10px;
	width: 90%;
	font-size:12px;
	line-height:24px;
}
.social{
	padding: 10px 0 15px;
}
.ad-title{
	background:#cf110d;
	color: #FFFFFF;.content-tab
    font-size: 16px;
    height: 34px;
    line-height: 35px;
    padding-left: 15px;
    text-transform:capitalize;
	font-weight:bold;
	
}
#add_news{
	padding-top:5px;
}
#add_news p{
	margin-left:120px;
	padding:0px 10px;
}
#add_news label{
	float:left;
	margin-left:-120px;
	width:120px;
	font-size:12px;
}
#add_news input[type=text], #add_news select{
	padding:3px;
}
#add_news textarea{
	width:300px;
	height:180px;
}
.btn-submit{
	margin-left:130px;
}
#add_news .btn_contact{
	background:#A10000;
	color:#FFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:none;
	margin-right:5px;
	width:70px;
	height:30px;
	line-height:30px;
}
#add_news .btn_contact:hover{
	background:#DD0000;
}
.infoDetail {
    background: #CCC;
	font-size:12px;
	margin-top:20px;
}
.infoDetail td{
	padding:2px 5px;
}
.bgGrey{
	background:#eee;
}
.bgWhite {
    background-color: #FFF !important;
}
.borderWhite {
    border: 1px solid #FFF;
}
.login p {
  margin: 20px 0 0;
}
.login p:first-child {
  margin-top: 0;
}
.login input[type=text], .login input[type=password] {
  width: 278px;
  margin: 5px;
  padding: 0 10px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
.login p.remember_me {
  float: left;
  line-height: 31px;
}
.login p.remember_me label {
  font-size: 12px;
  color: #777;
  cursor: pointer;
}
.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}
.login input[type=text]:focus, .login input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}
.login input[type=submit] {
    display:block;
	background: none repeat scroll 0 0 #A10000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font: 12px Arial,Helvetica,sans-serif;
    margin-top:50px;
    padding: 5px 10px;
}
.login input[type=submit]:active {
	  background: #cde5ef;
	  border-color: #9eb9c2 #b3c0c8 #b4ccce;
	  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.support{
	padding:5px 0 10px;
	font-size:14px;
	margin-bottom:15px;
	height: 180px;
	overflow: auto;
}
.online{
	padding:5px 5px 3px 10px;
	font-weight:bold;
}
.online a{
	color:#000;
}
.online img{
	margin-right:5px;
}
/*Vertical Orientation CSS Starts*/
.jscarousal-vertical
{
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents-vertical
{
	overflow: hidden;
	height: 403px;
}
.jscarousal-contents-vertical > div
{
	position: absolute;
	top: 40px;
	width: 100%;
	height: 820px;
	overflow: hidden;
	margin-top:-25px;
}
.jscarousal-contents-vertical img
{
	width: 150px;
	height: 111px;
	border: solid 1px #ccc;
	margin: 6px 0 6px 25px;
}
/*Vertical Orientation CSS Ends*/

/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
}

